<template>
	<view>
		<myNav>
			<view class="center">我</view>
			<view slot="right" class="myright" @click="tuichu">
				<image src="/static/tuichu.png" mode=""></image>
				<text>退出登陆</text>
			</view>
		</myNav>
		<view class="content">
			<image class="log" src="../../static/log.jpg" mode=""></image>
			<view class="content-top">
				<image src="../../static/mytou.jpg" mode=""></image>
				<text>张三</text>
			</view>
			<view class="list" style="margin-top: 10px;">切换项目</view>
			<view class="list">案场管理</view>
			<view class="list">置业计划</view>
			<view class="card">
				<view class="item" @click="goto(1)">推荐新客户</view>
				<view class="item" @click="goto(2)">我的客户</view>
				<view class="item" @click="goto(3)">房源列表</view>
				<view class="item" @click="goto(4)">业务代办</view>
			</view>
		</view>
	</view>
</template>

<script>
import myNav from '../../components/mynav/mynav.vue';
export default {
	components: { myNav },
	data() {
		return {};
	},
	methods: {
		tuichu() {
			uni.navigateTo({
				url: '../zhuce/zhuce'
			});
		},
		goto(val) {
			switch (+val) {
				case 1:
				uni.navigateTo({
					url:"./p10"
				})
					break;
				case 2:
				uni.switchTab({
					url:"./p12"
				})
					break;
				case 3:
					break;
				case 4:
					break;
				default:
					break;
			}
		}
	}
};
</script>

<style lang="scss">
@import './main.scss';
.myright {
	display: flex;
	flex-direction: column;
	image {
		width: 20px;
		height: 20px;
	}
	margin-top: 40px;
	align-items: center;
	color: #ffffff;
	text {
		margin-top: 5px;
	}
}
</style>
